<html>
    
    <head>
        <title>
            群成员
        </title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
        <link rel="icon" href="favicon.ico">
        <link href="../image/header01.png" rel="apple-touch-icon-precomposed">
 

        <link rel="stylesheet" type="text/css" href="../css/123.css">

        <link href="../css/app.736542db.css" rel="stylesheet" as="style">
        <link href="../script/app.b8ecce07.js" rel="stylesheet" as="script">
        <!-- <link href="../js/chunk-vendors.f6edd30e.js" rel="stylesheet" as="script"> -->
        <link href="../css/app.736542db.css" rel="stylesheet">

        <script charset="utf-8" src="../script/jquery.js"></script>
        <script type="text/javascript" src="../script/api.js"></script>

        <link rel="stylesheet" type="text/css" href="../css/style.css">
  
    </head>
    
    <body>
        <div id="app">
            <!-- <div class="welcome hide">
                <img src="https://sinacloud.net/vue-wechat/images/welcome.jpg" alt="">
            </div> -->
            <div class="dialogue-info sub-page">
              <div class="zhanwei">&nbsp;</div>

  <header id="wx-header">
    <div class="center">
      <div class="iconfont icon-close" onclick="api.closeWin();"><span>╳</span></div>
      <span class="tusq">图片和视频</span>
      <div class="faxian_right"><i class="weui-icon-search"></i><span class="dianji">发送(5/9)</span></div>
    </div>
  </header>
  <div class="member">
    <ul class=" tupian_img">
      <li>
          <div class="tupan_r" style="background-image:url(../image/zhenji.jpg);  ">
            <span class="turadio">&nbsp;</span>
            <!-- <span class="shixin"><b>3</b></span> -->
          </div>
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/zhugeliang.jpg);  ">
            <span class="turadio">&nbsp;</span>

          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/header01.png);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/sunquan.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/guangyu.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/liubei.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/1.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/1.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/2.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/3.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/4.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/5.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/11.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/6.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/7.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/8.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li class="cha_hide">
        <div class="tupan_r" style="background-image:url(../image/9.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/10.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/12.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/13.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/14.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/15.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/16.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/17.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        
          <div class="tupan_r" style="background-image:url(../image/zhenji.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
      <li>
        <div class="tupan_r" style="background-image:url(../image/zhugeliang.jpg);  ">
            <span class="turadio">&nbsp;</span>
          </div>
        
      </li>
    </ul>
  </div>
 
</div>
 <footer class="wx-footer">
      <div class="yulan">预览</div>
      <div class="yuan"><span class="yuantu">&nbsp;</span>原图</div>
    </footer>
<!---->

        </div>
        <!-- <script src="js/chunk-vendors.f6edd30e.js">
        </script>
        <script src="js/app.b8ecce07.js">
        </script> -->
    </body>
<script type="text/javascript">
    $(document).ready(function () {
    $('#cheng_all').click(function(){
        $('.cha_hide').toggle();


    });
    var n = 0;
    $(document).on("click",'.turadio',function(){
      n++;
    // $('.turadio').click(function(){
      $(this).after('<span class="shixin"><b>'+n+'</b></span>');
      $(this).hide();
      $('.faxian_right span').removeClass('dianji');
      $('.faxian_right span').addClass('dianji');
      $('.faxian_right span').text('发现'+n+'/9');
      $('.wx-footer .yulan').text('预览('+n+')');

      
    });

$(document).on("click",".shixin",function(){
      n--;
      $('.faxian_right span').removeClass('dianji');

    // $('.tupian_img .shixin').click(function(){
      // alert('123');
      console.log(n);
      $(this).prev().show();
      $(this).remove();
      if(n>0){
        $('.faxian_right span').addClass('dianji');
        $('.faxian_right span').text('发现'+n+'/9');
        $('.wx-footer .yulan').text('预览('+n+')');
      }else{
        $('.faxian_right span').text('发现');
        $('.wx-footer .yulan').text('预览');
      }
    });
});

</script>
</html>